@import '../../constant.scss';

.index-header {
  width: 100%;
  padding-top: 28PX;
  padding-bottom: 28PX;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  background-color: $BLUE;
  color: white;
}

.logo {
  height: 46PX;
  padding-left: 16PX;
  padding-right: 4PX;
  width: 46PX;
}

.slogan {
  font-weight: bold;
  font-size: 32px;
}

.slogan-tiny {
  font-weight: lighter;
  font-size: 28px;
}

.avatar {
  border-radius: 50%;
  height: 50PX;
  width: 50PX;
}

.header-right {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
  margin-right: 20PX;
}
